@charset "utf-8";

body {
    background-image: url(../images/sign-bg.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;

    // 格式错误提示
    .msg {
        margin-top: 15px;
        border-radius: 9px;

        text-align: center;

        color: #ff7c0b;
        background-color: rgba(0, 0, 0, .8);
    }
}

main {
    margin: 0 auto;
    padding: 20px 0;
    width: 300px;

    // 头部
    .head {
        margin-bottom: 40px;

        color: #fff;

        h3 {
            text-align: right;

            a {
                font: normal 20px/20px "微软雅黑";

                color: #fff;
            }
        }

        h2 {
            font-size: 28px;
        }
    }

    input,
    button {
        border-radius: 25px;
        width: 300px;
        height: 50px;

        text-indent: 25px;
        letter-spacing: 1px;

        color: #101010;
        background-color: rgba(230, 230, 230, .9);
    }

    input::placeholder {
        color: #6e6e6e;
    }

    // 验证码
    .captcha-text {
        margin-left: 15px;
    }

    // 提交按钮
    .submit-btn {
        text-indent: 0;

        background-color: rgba(99, 255, 167, .9);
    }

    // 底部
    .foot {
        margin-top: 20px;

        color: #226fbc;

        h4 {
            height: 30px;

            font-size: 14px;

            // 微信进入
            .wechat-in {
                float: right;
            }
        }

        // 底部标语
        h3 {
            font: normal 16px/16px "微软雅黑";
            text-align: center;
        }
    }
}
